//处理所有的路由 
//第一步 引入 vue    vue-router
import Vue from 'vue'
import VueRouter from 'vue-router'

//第二步 使用  挂载路由 
Vue.use(VueRouter)

import Books from '../views/books/books'

import Playing from '../views/playing/playing'

import List from '../views/list/list'

import Sports from '../views/sports/sports'

import NotFound from '../views/NotFound/NotFound'

// routes所有的路由规则
const router=new VueRouter({
    mode:'history',
    /*这个是h5 模式 可以去掉#  一般项目上线改用 history   
     开发环境下一般就用hash模式  发布的情况让后端做重定向 否则上来就会有404 白屏的问题
 */
    routes:[
        {path:'/',redirect:"/books"}, //重定向
        {path:'/books',name:'books',component:Books},
        {path:'/playing',name:'playing',component:Playing},
        {path:'/list',name:'list',component:List},
        {path:'/sports',name:'sports',component:Sports},
        {path:'*',component:NotFound}  //  404 页面
    ]
})

//最后一步 导出  
export default router
